<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>index</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link href="css/swiper.min.css" rel="stylesheet">
  <script src="js/swiper.min.js"></script>
  <script src="js/bd_share.js"></script>
  <style>
    /* Main */

    body {
      background-color: #f8f8f8;
    }

    ul {
      list-style: none;
    }

    main {
      background: #f8f8f8;
    }

    /* service-intro */

    .service__intro {
      text-align: center;
      margin: 220px auto 0 auto;
      width: 531px;
    }

    .service__intro>p:nth-child(1) {
      text-transform: uppercase;
      font-size: 36px;
      font-weight: bold;
      font-stretch: normal;
      letter-spacing: 6px;
      margin: 0;
      color: #333333;
    }

    .service__intro>p:nth-child(2) {
      margin: 0 auto;
      width: 40px;
      height: 5px;
      margin-bottom: 80px;
      margin-top: 33px;
      background-color: #3c88ac;
    }

    .service__intro>p:nth-child(3) {
      color: #888888;
      margin: 0 auto;
      font-size: 18px;
      margin-top: 80px;
      display: inline-block;
      padding-bottom: 5px;
      margin-bottom: 101px;
      line-height: 28px;
      border-bottom: 1px solid #888888;
    }

    .service__intro>p:nth-child(4),
    .service__intro>p:nth-child(5),
    .service__intro>p:nth-child(6),
    .service__intro>p:nth-child(7) {
      font-size: 15px;
      color: #888888;
    }

    .service__intro>p:nth-child(5) {
      margin: 0 auto;
      width: 540px;
    }

    .service__intro>p:nth-child(7) {
      margin-bottom: 65px;
    }

    .service__intro>p:nth-child(8) {
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
      line-height: 30px;
      margin: 0 auto;
      font-size: 10px;
      width: 387px;
      height: 50px;
      border: solid 1px #333333;
      margin-bottom: 181px;
    }

    /* service__financial */

    .service__financial {
      display: flex;
    }

    .service__financial {
      width: 1343px;
      margin: 0 auto;
    }

    .service__financial__title {
      display: flex;
      justify-content: flex-end;
    }

    .service__financial__title>img {
      width: 369px;
      height: 75px;
    }

    .service__financial__img__left>img {
      width: 600px;
      transform: translateX(100px);
    }

    .service__financial__img__right {
      width: 750px;
      height: 525px;

      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 62px;
    }


    .service__financial__more {
      width: 450px;
      height: 225px;
      background-color: #333333;
      margin-top: -30px;
    }

    .service__financial__more__item:nth-child(1) {
      text-transform: uppercase;
      color: #ffffff;
      font-size: 30px;
      margin-left: 43px;
      padding-top: 38px;
    }

    .service__financial__more__item:nth-child(2) {
      margin-left: 43px;
      margin-top: -20px;
      width: 364px;
      height: 35px;
      font-family: MicrosoftYaHei;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 20px;
      letter-spacing: 0px;
      color: rgba(255, 255, 255, 0.5);
    }

    .service__financial__more__item:nth-child(3) {
      color: #ffffff;
    }

    .service__financial__more__item:nth-child(3)>a {
      margin-top: 21px;
      margin-left: 43px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 190px;
      height: 50px;
      border: solid 1px rgba(255, 255, 255, 0.3);
      /* opacity: 0.3; */
      color: #ffffff !important;
    }

    .service__financial__more>img {
      width: 450px;
    }

    .service__financial__text {
      margin: 62px 0 0 174px;
      color: #999999;
      font-size: 14px;
      width: 285px;
      line-height: 27px;
      height: 366px;
    }

    .service__financial__text>p:nth-child(1)>img {
      margin-bottom: 10px;
      transform: translateX(-50px);
    }

    /* service__process */

    .service__process {
      display: flex;
      margin: 235px auto 220px auto;
      width: 1196px;
      justify-content: space-around;
    }

    .service__process li>p:nth-child(1) {
      font-size: 20px;
    }

    .service__process li>p:nth-child(2) {
      font-size: 14px;
      color: #999999;
    }

    .service__process__title>img {
      width: 225px;
      height: 225px;
    }

    .service__process__list__left {
      width: 353px;
      border-left: 1px solid #eeeeee;
    }

    .service__process__list__right {
      position: relative;
      width: 403px;
    }

    section .ul_left_line {
      width: 1px;
      height: 170px;
      background: #eeeeee;
      margin: 0 !important;
      position: relative;
      top: 20px;
      left: 30px;
    }

    .service__process__list__left>li,
    .service__process__list__right>li {
      position: relative;
      padding-left: 50px;
    }

    .service__process__list__left>li:after,
    .service__process__list__right>li:after {
      position: absolute;
      content: '';
      background-repeat: no-repeat;
      background-size: cover;
      top: 0;
      left: 0;
      width: 46px;
      height: 46px;
    }

    .service__process__list__left>li:nth-child(1):after {
      background-image: url("images/ul01.png");
    }

    .service__process__list__left>li:nth-child(2):after {
      background-image: url("images/ul02.png");
    }

    .service__process__list__left>li:nth-child(3):after {
      background-image: url("images/ul03.png");
    }

    .service__process__list__right>li:nth-child(1):after {
      background-image: url("images/ul04.png");
    }

    .service__process__list__right>li:nth-child(2):after {
      background-image: url("images/ul05.png");
    }

    .service__process__list__right>li:nth-child(3):after {
      background-image: url("images/ul06.png");
    }

    /* servicefooterad */

    .service__footerad {
      display: flex;
      margin: 220px auto 180px auto;
      width: 1200px;
      height: 300px;
    }

    .service__footerad__img {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      width: 900px;
      height: 300px;
    }

    .service__footerad>img {
      width: 300px;
      height: 300px;
    }



    .service__footerad__text {
      width: 300px;
      height: 300px;
      background-color: #3c88ac;
    }

    .service__footerad__text__item:nth-child(1) {
      width: 195px;
      height: 44px;
      font-family: Arial-BoldMT;
      font-size: 22px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 27px;
      letter-spacing: 0px;
      color: #ffffff;
      text-transform: uppercase;
      margin-left: 57px;
      margin-top: 60px;
    }

    .service__footerad__text__item:nth-child(2) {
      width: 48px;
      height: 17px;
      font-family: MicrosoftYaHei;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 30px;
      letter-spacing: 0px;
      color: rgba(255, 255, 255, 0.6);
      margin-left: 57px;
    }

    .service__footerad__text__item:nth-child(3)>a {
      margin-top: 40px;
      margin-left: 57px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 190px;
      height: 50px;
      border: solid 1px rgba(255, 255, 255, 0.3);
      /* opacity: 0.3; */
      color: #ffffff !important;
    }
  </style>
</head>

<body>
  <header>
    <div class="header__logo">
      <img src="images/[LOGO].png" height="100%">
    </div>
    <div class="header__nav">
      <a href="index.html">网站首页</a>
      <a href="introduction.html">企业介绍</a>
      <a href="product.html">产品中心</a>
      <a href="supply.html">供应链</a>
      <a href="service.html">服务中心</a>
    </div>
    <!-- <div class="header__social bdsharebuttonbox">
          <img src="images/icon01_weibo.png" height="100%" alt="">
          <img src="images/icon02_weixin.png" height="100%" alt="">
          <img src="images/icon03_qq.png" height="100%" alt="">
        </div> -->
    <div class="bdsharebuttonbox">
      <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
      <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
      <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
      <!-- <a href="#" class="bds_more" data-cmd="more"></a> -->
    </div>
  </header>
  <main>
    <section class="service__intro">
      <p>Service</p>
      <p></p>
      <p>服务创造价值</p>
      <p>致力于为平行进口汽车经销商提供全方位的服务，</p>
      <p>包括供应链金融，上游市场的集中采购，报关报检、境内外物流，金融、保险等。</p>
      <p>同时通过互联网平台的建设，</p>
      <p>为经销商提供更加全面科学的信息化服务。</p>
      <p>Providing full service for parallel import car dealers</p>
    </section>
    <section class="service__financial">
      <div class="service__financial__left">
        <div class="service__financial__img__left">
          <img src="images/img01.png" alt="">
        </div>
        <div class="service__financial__text">
          <p>
            <img src="images/comma.png" alt="">
          </p>
          <p>商投汽车金融是商投汽车根据经销商的需求<br>提供的一款车辆代采产品，<br>帮助客户提供短期代采、低费用、放款快、<br>无忧验车、物流跟踪、安全保障。
          </p>
          <p>从采购商角度，商投汽车金融产品能够<br>快速解决经销商采购车辆资金不足及<br>上游供应商缺乏信任度等问题，标准化验车、全流程物流风险保障及标准仓储服务亦<br>解决了其长期以来的车辆流通及存储的痛点。
          </p>
          <p>
            从供应商角度商投汽车金融产品能够让<br>销售回款更加高效便捷<br>保障其车辆销售的及时回款。
          </p>
        </div>
      </div>
      <div class="service__financial__right">
        <div class="service__financial__title">
          <img src="images/financial__title.png" alt="">
        </div>
        <div class="service__financial__img__right" style="background-image: url(images/img02.png);">
          <!-- <img src="images/img02.png" alt=""> -->
        </div>
        <div class="service__financial__more">
          <!-- <img src="images/service__financial__more.png" alt=""> -->
          <p class="service__financial__more__item">SCCI AUTO Financial</p>
          <p class="service__financial__more__item">商投汽车金融产品能够快速解决经销商采购车辆资金不足及上游供应商缺乏信任度等问题
          </p>
          <p class="service__financial__more__item">
            <a href="">了解详情 ></a>
          </p>
        </div>
      </div>
    </section>
    <section class="service__process">
      <div class="service__process__title">
        <img src="images/title.png" alt="">
      </div>
      <ul class="service__process__list__left">
        <li>
          <p>境外供应商签约
          </p>
          <p>整合全球供应商资源，为您配置最优货源渠道。
          </p>
        </li>
        <li>
          <p>进口代理信用证/TT</p>
          <p>在车辆进口环节中，为您提供全方位金融服务，包含信用证/TT 业务。</p>
        </li>
        <li>
          <p>信用证到期押汇</p>
          <p>如无法如期结汇，还能为您提供押汇业务，缓解您的资金压力。</p>
        </li>
      </ul>
      <div class="ul_left_line"></div>
      <ul class="service__process__list__right">

        <li>
          <p>进口车垫税金融
          </p>
          <p>在报关环节中，我们能为您提供垫 税金融服务，降低您的资金占用。
          </p>
        </li>
        <li>
          <p>车辆质押库融贷</p>
          <p>在销售环节中，如您因库存大造成的资金紧张， 我们还能为您提供库融贷服务。
          </p>
        </li>
        <li>
          <p>物流仓储</p>
          <p>我们整合了国际一流的物流仓储供 应商，能及时、高效的为您提供全 方位的仓储物流服务。
          </p>
        </li>
      </ul>
    </section>
    <section class="service__footerad">
      <div class="service__footerad__img" style="background-image: url(images/pic.png);"></div>
      <div class="service__footerad__text">
        <p class="service__footerad__text__item">declare sth.<br>at the customs</p>
        <p class="service__footerad__text__item">通报关</p>
        <p class="service__footerad__text__item">
          <a href="">了解详情 ></a>
        </p>
      </div>
    </section>
  </main>

  <footer>
    <div class="footer__links">
      <a href="https://github.com/Atinux" target="_blank">联系我们</a>
      <span> | </span>
      <a href="https://github.com/alexchopin" target="_blank">人才招聘</a>
      <span> | </span>
      <a href="https://github.com/alexchopin" target="_blank">品牌新闻</a>
      <span> | </span>
      <a href="https://github.com/alexchopin" target="_blank">经销商招募</a>
      <span> | </span>
      <a href="https://github.com/alexchopin" target="_blank">法律声明</a>
      <span> | </span>
      <a href="https://github.com/alexchopin" target="_blank">客户隐私政策</a>
    </div>
    <div class="footer__desc">
      <p>
        <img src="images/qrcode.png" height="100%" alt="">
      </p>
      <p>“服务创造价值”</p>
      <p>商投汽车-全球精选，只为您！</p>
      <p>四川商投集团汽车有限责任公司</p>
      <p>400-888-8888　联系地址：成都高新区交子大道365号中海国际中心F座9楼</p>
      <p>Copyright 2017-2018 SCCI-AUTO all right reseved.　蜀ICP备88888888号</p>
    </div>
  </footer>

</body>

</html>